	
	/* footer admin panel */
	#footpanel {
		position: fixed;
		bottom: 0; left: 0;
		z-index: 9999; /*--Keeps the panel on top of all other elements--*/
		background: #e3e2e2;
		border: 1px solid #c3c3c3;
		border-bottom: none;
		width: 100%;
		margin: 0 0%;
		font-size: 12px;
	}
	
	*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
		margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
		position: absolute;
		top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	}	
	
	#footpanel ul {
		padding: 0; margin: 0;
		float: left;
		width: 100%;
		list-style: none;
		border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
		font-size: 1.1em;
	}
	#footpanel ul li{
		padding: 0; margin: 0;
		float: left;
		position: relative;
	}
	#footpanel ul li a{
		padding: 5px;
		float: left;
		text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
		height: 16px; width: 16px;
		text-decoration: none;
		color: #333;
		position: relative;
	}
	html #footpanel ul li a:hover{	background-color: #fff; }
	html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
		background-color: #fff;
		height: 17px;
		margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
		border: 1px solid #555;
		border-top: none;
		z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
		position: relative;
	}
	
	#footpanel a small {
		text-align: center;
		width: 70px;
		background: url(../img/footer/pop_arrow.gif) no-repeat center bottom;
		padding: 5px 5px 11px;
		display: none; /*--Hide by default--*/
		color: #fff;
		font-size: 1em;
		text-indent: 0;
	}
	#footpanel a:hover small{
		display: block; /*--Show on hover--*/
		position: absolute;
		top: -35px; /*--Position tooltip 35px above the list item--*/
		left: 50%;
		margin-left: -40px; /*--Center the tooltip--*/
		z-index: 9999;
	}
	
	
	#footpanel a.home{
		background: url(../img/footer/home.png) no-repeat 15px center;
		width: 50px;
		padding-left: 40px;
		border-right: 1px solid #bbb;
		text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
	}
	a.profile{ background: url(../img/footer/user.png) no-repeat center center;  }
	a.editprofile{ background: url(../img/footer/wrench_screwdriver.png) no-repeat center center; }
	a.contacts{ background: url(../img/footer/address_book.png) no-repeat center center; }
	a.messages{ background: url(../img/footer/mail.png) no-repeat center center; }
	a.playlist{ background: url(../img/footer/document_music_playlist.png) no-repeat center center; }
	a.videos{ background: url(../img/footer/film.png) no-repeat center center; }
	a.alerts{ background: url(../img/footer/newspaper.png) no-repeat center center; }
	#footpanel a.chat{
		background: url(../img/footer/balloon.png) no-repeat 15px center;
		width: 126px;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb;
		padding-left: 40px;
		text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
	}
	#footpanel li#chatpanel, #footpanel li#aboutus {	float: right; }  /*--Right align the chat and alert panels--*/
	
	#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
		text-indent: 0;
		width: auto;
		height: auto;
		padding: 0;
		float: none;
		color: #00629a;
		position: static;
	}
	#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/
	
	#footpanel .subpanel {
		position: absolute;
		left: 0; bottom: 27px;
		display: none;	/*--Hide by default--*/
		width: 198px;
		border: 1px solid #555;
		background: #fff;
		overflow: hidden;
	}
	#footpanel h3 {
		background: #526ea6;
		padding: 5px 10px;
		color: #fff;
		font-size: 1.1em;
		cursor: pointer;
	}
	#footpanel h3 span { /*--Right aligned "-" icon--*/
		font-size: 1.5em;
		float: right;
		line-height: 0.6em;
		font-weight: normal;
	}	
	
	
	#footpanel .subpanel ul{
		padding: 0; margin: 0;
		background: #fff;
		width: 100%;
		overflow: auto;
		padding-bottom: 2px;
	}
	#footpanel .subpanel li{
		float: none; /*--Reset float--*/
		display: block;
		padding: 0; margin: 0;
		overflow: hidden;
		clear: both;
		background: #fff;
		position: static;  /*--Reset relative positioning--*/
		font-size: 0.9em;
	}
	
	
	#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; }
	#chatpanel .subpanel li span {
		padding: 5px;
		background: #fff;
		color: #777;
		float: left;
	}
	#chatpanel .subpanel li a img {
		float: left;
		margin: 0 5px;
	}
	#chatpanel .subpanel li a{
		padding: 3px 0;	margin: 0;
		line-height: 22px;
		height: 22px;
		background: #fff;
		display: block;
	}
	#chatpanel .subpanel li a:hover {
		background: #3b5998;
		color: #fff;
		text-decoration: none;
	}
	
	
	#aboutus .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
	#aboutus .subpanel li {
		border-top: 1px solid #f0f0f0;
		display: block;
	}
	#aboutus .subpanel li p {padding: 5px 10px;}
	#aboutus .subpanel li a.delete{
		background: url(delete_x.gif) no-repeat;
		float: right;
		width: 13px; height: 14px;
		margin: 5px;
		text-indent: -9999px;
		visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
	}
	#aboutus .subpanel li a.delete:hover { background-position: left bottom; }
	#footpanel #aboutus li.view {
		text-align: right;
		padding: 5px 10px 5px 0;
	}
	